//@mixin clearfix {
//  &:after {
//    content: "";
//    display: table;
//    clear: both;
//  }
//}
//
//@mixin scrollBar {
//  &::-webkit-scrollbar-track-piece {
//    background: #d3dce6;
//  }
//
//  &::-webkit-scrollbar {
//    width: 6px;
//  }
//
//  &::-webkit-scrollbar-thumb {
//    background: #99a9bf;
//    border-radius: 20px;
//  }
//}
//
//@mixin relative {
//  position: relative;
//  width: 100%;
//  height: 100%;
//}
